<template>
 <div class="wrapper1">
        <div class="main">
            <div class="detail-title">{{detail.nttitle}}</div>
            <div class="detail-content" v-html="detail.ntcontent"></div>
        </div>
</div>
</template>
<script>
    import jquery from '../tool/Global/jquery-1.10.2.min';
    import {copyright,SGSConfig} from './../tool/Global/app-config.js';
    import {queryNewsDetail} from './../tool/Global/app-mgr.js'
    export default {
        data() {
            return {
                copyright: copyright,
                detail:[],
                count:0,
            }
        },
        watch: {
            params: {
                handler(newValue, oldValue){
                    this.getData(newValue, oldValue);
                },
                deep: true
            }
        },
        mounted(){
            this.$emit("itemChange","dynamic");
            this.id = this.$route.query.id;
            this.getData();
        },
        methods:{
            getData(){
                let self = this;
                    queryNewsDetail(this.id).then((result)=>{
                        self.detail  = result.data.resultInfo.data;
                         self.detail.ntcontent = self.detail.ntcontent.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&apos;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&").replace(/&quot;/g, '"').replace(/&apos;/g, "'").split('↵').join('');
                         self.detail.ntcontent
                    })
                
            },
        }
    }
</script>
<style scoped>
    .footer{
        bottom:0px;
        background-color: #0888de;
        text-align: center;
        font-size: 18px;
        color: white;
        line-height: 50px;
    }
    .main{
        width: 1280px;
        margin: 0 auto;
        min-height: 600px;
    }
    .detail-title{
        padding: 20px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
    }
    .detail-content{
        line-height: 30px;

    }
    .wrapper1{
        min-height: calc(100% - 170px);
        min-height: -moz-calc(100% - 170px);
        min-height: -webkit-calc(100% - 170px);
    }
</style>


